{include file="public/head" /}
<title>我的收藏</title>
<style>
    .am-comment-footer{margin:5px 10px;padding:0 2px;border-left:5px solid #ccc}
    .am-comment-footer a{color: #999;}
    .comment{border: 1px solid #dedede;margin-top: 10px}
    .am-comment-bd{padding: 5px 10px}
</style>
</head>
<body>
<header class="am-topbar am-topbar-fixed-top wos-header">
    <div class="am-container">
        <h1 class="am-topbar-brand">
            <a href="{:url('index/Index/index')}"><img src="__STATIC__/images/logo.png" alt=""></a>
        </h1>

        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-warning am-show-sm-only"
                data-am-collapse="{target: '#collapse-head'}">
            <span class="am-sr-only">导航切换</span>
            <span class="am-icon-bars"></span>
        </button>

        <div class="am-collapse am-topbar-collapse" id="collapse-head">
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li><a href="{:url('index/Index/index')}">首页</a></li>
                <!--nav仅输出4个部门按钮，多余的放进下拉按钮中-->
                {volist name="nav" id="vo" length="3"}
                <li><a href="{:url('NewsListController/index',array('id'=>$vo['id']))}">{$vo.name}</a></li>
                {/volist}
                <li class="am-dropdown" data-am-dropdown>
                    <a class="am-dropdown-toggle" href="javascript:">更多部门<span class="am-icon-caret-down"></span></a>
                    <ul class="am-dropdown-content">
                        {volist name="nav" id="vo" offset="3" }
                        <li><a href="{:url('NewsListController/index',array('id'=>$vo['id']))}">{$vo.name}</a></li>
                        {/volist}
                    </ul>
                </li>
                <li class="am-active"><a href="{:url('index/PersonController/collection')}">我的收藏</a></li>
            </ul>

            <div class="am-topbar-right" >
                <div class="am-nav am-nav-pills am-topbar-nav">
                    <div class="am-dropdown" data-am-dropdown>
                        <a class="am-btn am-btn-success am-dropdown-toggle" >
                            {$user.name}&nbsp;<span class="am-icon-caret-down"></span>
                        </a>
                        <ul class="am-dropdown-content">
                            <li><a href="{:url('index/PersonController/index')}">个人中心</a></li>
                            <li><a href="{:url('index/PersonController/comment')}">我的评论</a></li>
                            <li><a href="{:url('index/PersonController/collection')}">我的收藏</a></li>
                        </ul>
                        <a class="am-btn am-btn-danger" onclick="loginOut()">注销</a>
                    </div>
                </div>
            </div>
            <script>
                function loginOut() {
                    $.ajax({
                        type: "get",
                        dataType: "json",
                        url: "/index/login_controller/loginOut",
                        success: function (result) {
                            layer.msg(result.msg,{time:1000});
                            setTimeout(function () {
                                window.location.href=result.url;
                            },1500)
                        }
                    });
                }
            </script>
        </div>
    </div>
</header>

<div class="am-g" style="margin-top: 20px">
    <div class="am-u-sm-0 am-u-md-2 am-u-lg-2">&nbsp;</div>
    <div class="am-u-sm-12 am-u-md-8 am-u-lg-8">
        <div class="am-tabs" data-am-tabs="{noSwipe: 1}" id="doc-tab-demo-1">
            <ul class="am-tabs-nav am-nav am-nav-tabs">
                <li class="am-active"><a href="javascript: void(0)">我的收藏</a></li>
            </ul>
            <div class="am-tabs-bd">
                <div class="am-tab-panel am-active">
                    {volist name="list" id="vo"}
                    <ul class="am-list am-list-static am-list-border">
                        <li>
                            <span class="am-badge am-badge-success am-radius">{$vo.type}</span>
                            <span class="am-badge am-badge-secondary am-radius">{$vo.dep}</span>
                            <span class="am-badge am-badge-error am-radius">{$vo.ncreate_time|date='Y-m-d H:i:s',###}</span>
                            <a href="{:url('index/NewsDetailController/index',array('id'=>$vo['id']))}" style="padding: 0">{$vo.title}</a>
                        </li>
                    </ul>
                    {/volist}
                    <div class="pagination">{$page}</div>
                </div>
            </div>
        </div>
    </div>
    <div class="am-u-sm-0 am-u-md-2 am-u-lg-2">&nbsp;</div>
</div>

<div data-am-widget="gotop" class="am-gotop am-gotop-fixed" >
    <a href="#top" title="回到顶部">
        <span class="am-gotop-title">回到顶部</span>
        <i class="am-gotop-icon am-icon-chevron-up"></i>
    </a>
</div>

{include file="public/footer" /}
</body>
</html>